<template>
  <div class="messageContent ">
    <div class="messageCard ">
      <div class="activityContent">
        <div v-if="isPackUp">
          <h2>
            <a :href="list.url" target="_blank">{{ list.name }}</a>
          </h2>
          <div class="content">
            <div class="inner">
              <span>{{ list.intro }}</span>
              <div style="margin: 20px">
                <button @click="packDown">了解详情
                  <i class="el-icon-arrow-down"></i>
                </button>
              </div>
            </div>

            <div class="actions">
                        <span>
                            开始时间：{{ list.start_time }}
                        </span>
            </div>
          </div>
        </div>
        <div v-else>
          <h2>
            <a :href="list.url" target="_blank">{{ list.name }}</a>
          </h2>
          <div class="content">
            <div class="inner">
              <span>{{ list.intro }}</span>
              <span>{{ list.details }}</span>
              <span>联系方式：{{ list.wechat }}</span>


              <div style="margin: 20px">
                <button @click="packUp">收起
                  <i class="el-icon-arrow-up"></i>
                </button>
              </div>
            </div>

            <div class="actions">
                        <span>
                            开始时间：{{ list.start_time }}
                        </span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

</template>

<script>
export default {
  name: "ActivityCard",
  data(){
    return {
      isPackUp: true,
      authorSimpleMessage: null,
    }
  },
  methods: {
    goArticle() {
      this.$router.push({path: `/article/${this.messageData.articleId}`});
    },
    packUp() {
      this.isPackUp = true;
    },
    packDown() {
      this.isPackUp = false;
      // this.getSimpleAuthorMessage();
    }
  }
}
</script>

<style scoped>

</style>
